<script setup lang="ts">
import { useThemeStore } from "./store";
const theme = useThemeStore();
const router = useRouter();
watch(
  () => theme.dark,
  () => {
    if (theme.dark) {
      document.querySelector("html")?.classList.add("dark");
    } else {
      document.querySelector("html")?.classList.remove("dark");
    }
  },
  {
    // flush:'post',
    immediate: true,
  },
);
onMounted(() => {
  console.log(import.meta);
});
</script>

<template>
  <div>
    <router-view />
  </div>
</template>

<style scoped></style>
